<!DOCTYPE html>
<html>
	<head>
		 <meta charset="UTF-8">
		<title>梧斯源探针拨测系统</title>
        		<script type="text/javascript" src="js/public/init_index.js"></script>
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		<script type="text/javascript" src="js/public/jquery.min.js"></script>
		<script type="text/javascript" src="js/public/jquery.easyui.min.js"></script>
	    <script type="text/javascript" src="js/public/highcharts.js"></script>
	    <script type="text/javascript" src="js/public/highcharts-3d.js"></script>
	    <script type="text/javascript" src="js/probeIndex.js"></script>
	</head>
	 <body style="overflow:hidden;width:100%;"> 
	   <div style="position: absolute;left:0px;right:0px;top:0px;bottom:0px;overflow:auto;">
	   	 <div class="easyui-layout" style="width:100%;height:100%;">
	   	 	<div data-options="region:'west',split:true" style="width:500px;height:100%;">
	   	 		<div class="easyui-panel" title="杭州市" id="hz" style="height:100%"></div>
	   	 	</div><!--left-->
	   	 	<div data-options="region:'center'">
	   	 		<div class="easyui-layout" data-options="fit:true">
					<div data-options="region:'north'" style="height:480px">
					  <div class="easyui-panel" title="在线设备（数量百分比）" id="device"></div>
					</div>
					<div data-options="region:'south'">
					  <div class="easyui-panel" title="质量评估等级">
					  	<div id="container" style="height: 300px; margin: 0 auto"></div>
						<div>
							<table>
							   <tr><td>Alpha Angle</td><td><input id="R0" type="range" min="0" max="45" value="15"/> <span id="R0-value" class="value"></span></td></tr>
							   <tr><td>Beta Angle</td><td><input id="R1" type="range" min="0" max="45" value="15"/> <span id="R1-value" class="value"></span></td></tr>
							</table>
						</div>
					  </div>
					</div>
				</div>
	   	 	</div><!--center-->
	   	 	<div data-options="region:'east',split:true" style="width:420px;height:100%">
	   	 	   <div class="easyui-panel" title="告警" id="warning">
	   	 	   	  <div id="container-1" style="width: 400px; height: 340px; margin: 0 auto"></div>
					<div id="sliders-1">
						<table>
						  <tr><td>Alpha Angle</td><td><input id="R2" type="range" min="0" max="45" value="15"/> <span id="R2-value" class="value"></span></td></tr>
					      <tr><td>Beta Angle</td><td><input id="R3" type="range" min="0" max="45" value="15"/> <span id="R3-value" class="value"></span></td></tr>
						</table>
					</div>
	   	 	   </div>
	   	 	</div><!--right-->
	   	 </div>
	   </div>
	 
	</body>
</html>
